﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
<link rel="stylesheet" type="text/css" href="/UIFramkwork/jquery_easyui_1_3_2/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="/UIFramkwork/jquery_easyui_1_3_2//themes/icon.css">   
<script type="text/javascript" src="/UIFramkwork/jquery_easyui_1_3_2/jquery-1.8.0.min.js"></script>   
<script type="text/javascript" src="/UIFramkwork/jquery_easyui_1_3_2/jquery.easyui.min.js"></script> 
</head>
<body>
 

 <div id="dd" class="easyui-draggable" data-options="handle:'#title'" style="width:100px;height:100px;">    <div id="title" style="background:#ccc;">title</div></div>


  <div id="Div2" class="easyui-draggable" data-options="handle:'#Div3'" style="width:100px;height:100px;">    <div id="Div3" style="background:#ccc;">title</div></div>


<div id="Div1" class="easyui-droppable" data-options="accept:'#dd,#Div2'" style="width:100px;height:100px; border:1px solid red;"></div> 

<div id="Div4" style="width:100px;height:100px;"> 
<div id="Div5" style="background:#ccc;">title</div> 
</div> 


<script type="text/javascript">
    $('#Div4').draggable({
        handle: '#Div5'
    }); 


</script>


</body>
</html>
